<!DOCTYPE html>
<html manifest="demo.appcache">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="en-us" />
        <link href="{{ STATIC_URL }}css/redmond/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="{{ STATIC_URL }}css/origin.css" rel="stylesheet" type="text/css" media="screen" />
        <!--
        <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.7.1.min.js"></script>
        -->
        <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.8.18.custom.min.js"></script>
        <script type="text/javascript" src="{{ STATIC_URL }}js/addnote.js"></script>
    </head>

    <body>
        <div class="section" id="s-notes">
            <span id="notes"></span>
            <p>It is {% now "jS F Y H:i" %}</p>
            <p>First css background</p>
        {% if allnotes %}
            {% for note in allnotes %}
                <div class="page">
                <h2><a href="/notebook/note/{{ note.id }}/">{{ note.title }}</a></h2>
                <h4>{{ note.notecategory.name }}</h4>
                <p>{{ note.timestamp }}</p>
                <div class="highlight-html+django">
                    <div class="highlight">
                        <pre> <span class="nv">{{ note.content }}</span> </pre>
                        <hr />
                    </div>
                </div>
                </div>
                <br /><br /><br /><br />
            {% endfor %}
        {% else %}
                <p>No notes are available.</p>
        {% endif %}
        </div>
    </body>
</html>

